<template>
  <el-container class="innercontainer">
    <el-aside
      width="150px"
      style="text-align:center;"
    >
      <span>个人中心</span>

      <router-link to="/user/">
        <el-button
          type="text"
          class="el-icon-s-home"
        > 个人首页</el-button>
      </router-link>

      <router-link to="/user/personal_setting">
        <el-button
          type="text"
          class="el-icon-user-solid"
        > 个人信息</el-button>
      </router-link>

      <router-link to="/user/security">
        <el-button
          type="text"
          class="el-icon-umbrella"
        > 账户安全</el-button>
      </router-link>

      <router-link to='/user/myquestion'>
        <el-button
          type="text"
          class="el-icon-question"
          :disabled="true"
        > 我的提问</el-button>
      </router-link>

      <router-link to='/user/mymatch'>
        <el-button
          type="text"
          class="el-icon-tickets"
          :disabled="true"
        > 我的比赛</el-button>
      </router-link>

      <router-link to='/team'>
        <el-button
          type="text"
          class="el-icon-connection"
          :disabled="true"
        > 我的团队</el-button>
      </router-link>

    </el-aside>
    <el-main style="padding: 0px">
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<script>
export default {
  name: 'User'
}
</script>

<style lang="less" scoped>
.innercontainer {
  position: absolute;
  right: 15%;
  left: 15%;
  width: 70%;
  height: 100%;
  background-color: #ffffff;
  .el-aside {
    display: block;
    background-color: #fafafa;
    border: 1px solid #e1e2e5;
    span {
      display: block;
      width: 100%;
      height: 49px;
      line-height: 49px;
      font-size: 28px;
      border-bottom: 1px solid #e1e2e5;
    }
    i {
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
    }
  }
  .el-main {
    border: 1px solid #e1e2e5;
  }
}
.el-button {
  font-size: 16px;
}
</style>
